import React, { Component } from 'react';
import { HashRouter as Router, Route, Switch, Redirect } from "react-router-dom"
import Index from "./components/index/index"
import Cart from "./components/cart/cart"
import Category from "./components/category/category"
import My from "./components/my/index"
import Tabbar from "./components/tabbar/Tabbar"
import SearchCenter from "./components/seachCenter/seachCenter"
import GoodDetail from "./components/goodDetail/goodDetail"
import GoodList from "./components/goodList/goodlist"
class RouterConfig extends Component {
    render() {
        return (
            <Router>
                <Route path="/" exact render={() => <Tabbar><Index></Index></Tabbar>}></Route>
                <Route path="/cart" exact render={() => <Tabbar><Cart></Cart></Tabbar>}></Route>
                <Route path="/category" exact render={(props) => <Tabbar><Category {...props}></Category></Tabbar>}></Route>
                <Route path="/my" exact render={() =><Tabbar> <My></My></Tabbar>}></Route>
                <Route path="/searchCenter"  exact render={()=><SearchCenter></SearchCenter>}></Route>
                <Route path="/goodDetail/:goods_id"  exact render={(props)=><GoodDetail {...props}></GoodDetail>}></Route>
                <Route path="/goodlist/:query"  exact render={(props)=><GoodList {...props}></GoodList>}></Route>
            </Router>
        );
    }
}

export default RouterConfig;
